import React from 'react';
import { NavBar, TabBar } from 'antd-mobile'
import { Outlet, useNavigate } from 'react-router-dom';
import './home.css'
import Tabbar from '../tabbar';
function Home() {
  const navigate=useNavigate()
  const setRouteActive=(value)=>{
    navigate(value)
  }
  return (
    <div>
      <div className='home-shuc' >
        <Outlet />
      </div>
      
      <div>
        {/* <TabBar className='home-tab' onChange={value => setRouteActive(value)}>         
            <TabBar.Item key='/home/bookcity' icon={<i className="iconfont icon-fenlei"></i>}  title='书城' />
            <TabBar.Item key='/home/classification' icon={<i className="iconfont icon-shucheng"></i>} title='分类' />
            <TabBar.Item key='/home/bookshelf' icon={<i className="iconfont icon-bookshelfshujia"></i>} title='书架' />
            <TabBar.Item key='/home/my' icon={<i className="iconfont icon-04"></i>} title='我的' />
        </TabBar> */}
        <Tabbar />
      </div>
    </div>
  );
};
export default Home;